<!doctype html>
<html lang="zxx">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>About</title>
		<!-- Template CSS -->
		<link rel="stylesheet" href="assets/css/style-starter.css">
		<!-- Template CSS -->
		<link href="http://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700&display=swap"
			rel="stylesheet">
		<!-- Template CSS -->
		<style type="text/css">
			.feature-1-content {
				background: #6688ff;
				padding: 10px 20px;
				float: right;
				text-indent: 2rem;
				opacity: 0.7;
			}

			.w3l-feature-1 .feature-1-content p {
				opacity: 1;
				margin: 0;
				font-size: 17px;
			}
		</style>
	</head>

	<body>

		<!--w3l-header-->
		<header class="w3l-header-nav py-0 ">
			<div class="w3l-header-lang">
				<a class="navbar-brand" href="#index.html">
					<img src="./assets/images/logo3.png" alt="Your logo" title="Your logo" style="height:70px;width: 180px;" />
				</a>
				<div class="head-btn">
					<!-- <img data-lan='cn' class="imageToSwap" src="./assets/images/icon/cn.jpg" alt="flag">
					<img data-lan='en' class="imageToSwap" src="./assets/images/icon/en.jpg" alt="flag">	 -->
					<button data-lan='cn' class="imageToSwap" >中文</button>
					<button data-lan='en' class="imageToSwap" >English</button>
				</div>
			</div>
			<!--/nav-->
			<nav class="navbar navbar-expand-lg navbar-light px-lg-0 px-3 stroke">
				<div class="container">
					<h1> </h1>
					<!-- if logo is image enable this  -->
					<!-- <a class="navbar-brand" href="#index.html">
					<img src="./assets/images/logo_2.png" alt="Your logo" title="Your logo" style="height:55px;" />
				</a> -->
					<button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
						data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="fa icon-expand fa-bars"></span>
						<span class="fa icon-close fa-times"></span>
					</button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="index.html">Home</a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="about.html">About</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="services.html">Services</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="contact.html">Contact</a>
							</li>
						</ul>
						<!--/search-right-->
						<!-- <div class="search-right">
						<a href="#search" title="search"><span class="fa fa-search" aria-hidden="true"></span></a>			
						<div id="search" class="pop-overlay">
							<div class="popup">
								<form action="#" method="post" class="search-box">
									<input type="search" placeholder="Search your Keyword" name="search"
										required="required" autofocus="">
									<button type="submit" class="btn"><span class="fa fa-search"
											aria-hidden="true"></span></button>
								</form>
							</div>
							<a class="close" href="#close">×</a>
						</div>
						 
					</div> -->
						<!--//search-right-->

					</div>
				</div>
			</nav>
			<!--//nav-->
		</header>
		<!-- //w3l-header -->

		<!-- feature1 -->
		<section class="w3l-feature-1">
			<div class="feature-1sec py-5">
				<div class="container py-lg-5">
					<div class="feature-1-content py-lg-3">
						<!-- <h4 class="sub-title">Our history of Drifterz</h4>
					<h3 class="hny-title two">Our history</h3> -->
						<!-- <p class="mt-3">
							泽世国际作为中国交通部批准的无船承运人（NVOCC）国际货运代理公司，提供包括进出口货物运输代理、仓储及物流配送在内的全方面物流服务。公司立足于全国重要出口口岸深圳以及宁波，主要经营国际海运货物和空运货物的运输代理业务，包括整柜、拼箱、空运、仓储、拖车、
							报关、报检、保险及目的港各种增值服务（如DDU/DDP等）及其相关国际贸易的咨询业务。

							自泽世国际成立，我们拥有覆盖全球100多个国家200多个港口城市的海外代理服务网络，专注于全球进出口的服务，主要服务于拉美/东南亚/中东/印巴/澳洲等航线。

							其中拉美便是公司的重点航线。我们的服务覆盖华南、华东、华北及东南亚地区至墨西哥、中美洲、巴拿马、加勒比、南美西、南美东的货物运输需求。提供全程物流支持以及相关增值服务，同时拥有遍布拉美全境的优质代理网络。
							经过发展，拉美航线已积聚了雄厚的资源、专业的队伍、完善的网络和丰富的经验，并与CMA、YML、MSC、COSCO、ONE、WHL、PIL等多家船公司建立了密切的长期合作关系，享有其提供的长期优惠运价。

							公司秉承“诚信为本、宽厚待人”的经营理念，致力于打造成为中国乃至世界享有盛誉的综合性物流服务提供商。结合多年运营拉美航线的专业团队，旨在为客户赢得在物流环节上的成本、时效优势，成为客户可靠、产品多样的优质服务伙伴！我们专注于为客户提供“安全，平稳，快捷，高效”的国际货运代理服务，力争伴随客户，共同成长。
						</p> -->
						<!-- <div class="history-grids">
						<div class="history-ifo">
							<h5 class="year">2017</h5>
							<p>Lorem ipsum dolor sit amet</p>

						</div>
						<div class="history-ifo">
							<h5 class="year">2018</h5>
							<p>Lorem ipsum dolor sit amet</p>
						</div>
						<div class="history-ifo">
							<h5 class="year">2019</h5>
							<p>Lorem ipsum dolor sit amet</p>
						</div>
						<div class="history-ifo">
							<h5 class="year">2020</h5>
							<p>Lorem ipsum dolor sit amet</p>
						</div>

					</div> -->

					</div>
				</div>
			</div>
		</section>
		<!-- //feature1 -->

		<!-- footer-66 -->
		<footer class="w3l-footer-66">
			<section class="footer-inner-main">
				<div class="below-section">
					<div class="container">
						<div class="copyright-footer">
							<div class="columns text-lg-left">
								<p>Copyright &copy; 2020.Company name All rights reserved.</p>
							</div>

						</div>
					</div>
				</div>
				<!-- copyright -->
				<!-- move top -->
				<button onclick="topFunction()" id="movetop" title="Go to top">
					<span class="fa fa-arrow-up" aria-hidden="true"></span>
				</button>
				<script>
					// When the user scrolls down 20px from the top of the document, show the button
					window.onscroll = function() {
						scrollFunction()
					};

					function scrollFunction() {
						if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
							document.getElementById("movetop").style.display = "block";
						} else {
							document.getElementById("movetop").style.display = "none";
						}
					}

					// When the user clicks on the button, scroll to the top of the document
					function topFunction() {
						document.body.scrollTop = 0;
						document.documentElement.scrollTop = 0;
					}
				</script>
				<!-- /move top -->

			</section>
		</footer>
		<!--//footer-66 -->
	</body>

</html>

<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- disable body scroll which navbar is in active -->

<!--//-->
<script>
	$(function() {
		$('.navbar-toggler').click(function() {
			$('body').toggleClass('noscroll');
		})
	});
</script>
<!--/scroll-down-JS-->
<!-- stats -->
<script src="assets/js/jquery.waypoints.min.js"></script>
<script src="assets/js/jquery.countup.js"></script>
<script>
	$('.counter').countUp();
	if (window.location.search == '?cn' || !window.location.search) {
		languagechange('cn')
	} else if (window.location.search == '?en') {
		languagechange('en')
	}else{
		languagechange('cn')
	}
	$('.imageToSwap').on('click', function() {
		languagechange($(this).attr('data-lan'))
	})

	function languagechange(e) {
		let tap = []
		let texts = []
		var html = '';
		if (e == 'cn') {
			tap = ['首页', '企业概况', '业务范围', '联系我们']
			texts = [
				'泽世国际作为中国交通部批准的无船承运人（NVOCC）国际货运代理公司，提供包括进出口货物运输代理、仓储及物流配送在内的全方面物流服务。公司立足于全国重要出口口岸深圳以及宁波，主要经营国际海运货物和空运货物的运输代理业务，包括整柜、拼箱、空运、仓储、拖车、 报关、报检、保险及目的港各种增值服务（如DDU/DDP等）及其相关国际贸易的咨询业务',
				'自泽世国际成立，我们拥有覆盖全球100多个国家200多个港口城市的海外代理服务网络，专注于全球进出口的服务，主要服务于拉美/东南亚/中东/印巴/澳洲等航线。',
				'其中拉美便是公司的重点航线。我们的服务覆盖华南、华东、华北及东南亚地区至墨西哥、中美洲、巴拿马、加勒比、南美西、南美东的货物运输需求。提供全程物流支持以及相关增值服务，同时拥有遍布拉美全境的优质代理网络。',
				'经过发展，拉美航线已积聚了雄厚的资源、专业的队伍、完善的网络和丰富的经验，并与CMA、YML、MSC、COSCO、ONE、WHL、PIL等多家船公司建立了密切的长期合作关系，享有其提供的长期优惠运价。',
				'公司秉承“诚信为本、宽厚待人”的经营理念，致力于打造成为中国乃至世界享有盛誉的综合性物流服务提供商。结合多年运营拉美航线的专业团队，旨在为客户赢得在物流环节上的成本、时效优势，成为客户可靠、产品多样的优质服务伙伴！我们专注于为客户提供“安全，平稳，快捷，高效”的国际货运代理服务，力争伴随客户，共同成长。'
			]
		} else if (e == 'en') {
			tap = ['Home', 'About Zenith', 'Our Service', 'Contact us']
			texts = [
				"As a non-vessel carrier (NVOCC) international freight forwarding company approved by the Ministry of transport of China, Zenith logistics provides all kind of logistics services including transportation agency, warehousing and logistics distribution. The company has branchs in both Shenzhen and Ningbo,  and mainly foucs on ocean freight and air freight, including FCL, LCL, warehousing, trailers, customs declaration, inspection declaration, cargo insurance and other various value-added services at destination such as DDU/DDP, etc.",
				"Since the establishment of Zenith logistics,We have many overseas agents and widely service network covers more than 100 countries and 200 ports.Our Major line include Latin America line/Intra Asia/Meddle East/India Subcontinent/Australia.",
				"Latin America line is the company's main business. Our services content the transportation from whole China and Southeast Asia to Mexico, Central America, Panama area, the Caribbean area, West South America, and East South America. Provide all kinds of logistics supporting and related value-added services, also have a widely agent network and partnership in the whole Latin America.",
				"According to the high-quality service provided by our professional team , we aim to save cost and more effeicent in the logistics and become a reliable partnerto our customer! After developments, Latin American line have accumulated abundant resources, professional teams, perfect networks and rich experience, and established closed relationship with CMA, YML, MSC, COSCO, ONE, WHL, PIL and many other shipping companies. enjoying the long-term preferential spot rates and contract rates.",
				'The company adheres to the business philosophy of "integrity-based and gracious treatment", and is committed to becoming a comprehensive logistics service provider with a high reputation in China and the world. We focus on providing customers with "safe, fast and effective" international freight forwarding services, and strive to accompany customers and grow together.'
			]
		}
		$('.nav-link').each(function(i, v) {
			v.innerHTML = tap[i]
			var h = v.href
			var len = h.indexOf('?')
			console.log(len)
			if (len === -1) {
				v.href = h + '?' + e
			} else {
				v.href = h.substring(0, len) + '?' + e
				console.log(v.href)
			}

		})
		texts.forEach((res) => {
			html += '<p>' + res + '</p>'
		})
		$('.feature-1-content').html(html)
	}
</script>
<!-- //stats -->
<!--//pop-up-box-->
<script src="assets/js/bootstrap.min.js"></script>
